﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta http-equiv="expires" content="Sunday 26 October 2012 01:00 GMT" />
<title>实时房态 - PMS</title>   
<link href="/Content/isotope.css" rel="stylesheet"/>
</head>
    <body>
        <div>
            <a href="/pages/order/book.html">预订</a>

        </div>
        <h2>实时房态</h2>
        <div id="container">
            <div class="element OD" data-symbol="H" data-category="other">
                <p class="attr">零订联离</p>
                <h3 class="roomno">8001</h3>
                <h2 class="name">张三丰</h2>
                <p class="ver">标单</p>
            </div>
            <div class="element OC" data-symbol="He" data-category="noble-gas">
                <p class="attr">订</p>
                <h3 class="roomno">8002</h3>
                <h2 class="name">王二小</h2>
                <p class="ver">豪单</p>
            </div>
            <div class="element OD" data-symbol="Li" data-category="alkali">
                <p class="attr">时</p>
                <h3 class="roomno">8003</h3>
                <h2 class="name">李大爷</h2>
                <p class="ver">海景天窗</p>
            </div>
    
          
            <div class="element OC" data-symbol="Be" data-category="alkaline-earth">
                <p class="attr">订团白</p>
                <h3 class="roomno">8004</h3>
                <h2 class="name">祖冲之</h2>
                <p class="ver">复古幽香</p>
            </div>
    
          
            <div class="element OC" data-symbol="B" data-category="metalloid">
                <p class="attr">密</p>
                <h3 class="roomno">8005</h3>
                <h2 class="name">张衡</h2>
                <p class="ver">革命风格</p>
            </div>
    
          
            <div class="element OD" data-symbol="C" data-category="other">
                <p class="attr"></p>
                <h3 class="roomno">8006</h3>
                <h2 class="name">周恩来</h2>
                <p class="ver">惊险刺激</p>
            </div>
    
          
            <div class="element VC" data-symbol="N" data-category="other">
                <p class="attr">订锁</p>
                <h3 class="roomno">8007</h3>
                <h2 class="name"></h2>
                <p class="ver">草原驰骋</p>
            </div>
    
          
            <div class="element VD" data-symbol="O" data-category="other">
                <p class="attr">锁</p>
                <h3 class="roomno">8008</h3>
                <h2 class="name"></h2>
                <p class="ver">草原驰骋</p>
            </div>
    
          
            <div class="element OC" data-symbol="F" data-category="halogen">
                <p class="attr">订</p>
                <h3 class="roomno">8009</h3>
                <h2 class="name">无崖子</h2>
                <p class="ver">愤怒的小鸟</p>
            </div>
    
          
            <div class="element OD" data-symbol="Ne" data-category="noble-gas">
                <p class="attr">订</p>
                <h3 class="roomno">8010</h3>
                <h2 class="name">风一刀</h2>
                <p class="ver">元素周期</p>
            </div>
    
          
            <div class="element OD" data-symbol="Na" data-category="alkali">
                <p class="attr"></p>
                <h3 class="roomno">8011</h3>
                <h2 class="name">Sodium</h2>
                <p class="ver">22.98976928</p>
            </div>
    
          
            <div class="element OD select" data-symbol="Mg" data-category="alkaline-earth">
                <p class="attr">订</p>
                <h3 class="roomno">8012</h3>
                <h2 class="name">Magnesium</h2>
                <p class="ver">24.305</p>
            </div>
    
          
            <div class="element OD" data-symbol="Al" data-category="post-transition">
                <p class="attr"></p>
                <h3 class="roomno">8013</h3>
                <h2 class="name">Aluminium</h2>
                <p class="ver">26.9815386</p>
            </div>
    
          
            <div class="element OC" data-symbol="Si" data-category="metalloid">
                <p class="attr">离</p>
                <h3 class="roomno">8014</h3>
                <h2 class="name">Silicon</h2>
                <p class="ver">28.0855</p>
            </div>
    
          
            <div class="element OD" data-symbol="P" data-category="other">
                <p class="attr"></p>
                <h3 class="roomno">8015</h3>
                <h2 class="name">Phosphorus</h2>
                <p class="ver">30.973762</p>
            </div>
    
          
            <div class="element OD" data-symbol="S" data-category="other">
                <p class="attr">时</p>
                <h3 class="roomno">8016</h3>
                <h2 class="name">Sulfur</h2>
                <p class="ver">32.065</p>
            </div>
    
          
            <div class="element OD" data-symbol="Cl" data-category="halogen">
                <p class="attr">离</p>
                <h3 class="roomno">8017</h3>
                <h2 class="name">Chlorine</h2>
                <p class="ver">35.453</p>
            </div>
    
          
            <div class="element OC" data-symbol="Ar" data-category="noble-gas">
                <p class="attr">时</p>
                <h3 class="roomno">8018</h3>
                <h2 class="name">Argon</h2>
                <p class="ver">39.948</p>
            </div>
    
          
            <div class="element OC" data-symbol="K" data-category="alkali">
                <p class="attr">白</p>
                <h3 class="roomno">8019</h3>
                <h2 class="name">Potassium</h2>
                <p class="ver">39.0983</p>
            </div>
    
          
            <div class="element OOO" data-symbol="Ca" data-category="alkaline-earth">
                <p class="attr">订</p>
                <h3 class="roomno">8020</h3>
                <h2 class="name"></h2>
                <p class="ver">密宗</p>
            </div>
    
        </div> <!-- #container -->
        <script src="/Scripts/jquery-1-7-1.js"></script>
        <script src="/Scripts/jquery.isotope.min.js"></script>
        <script>
            $(function () {
                $('#container').isotope({
                    // options
                    itemSelector: '.element',
                    layoutMode: 'fitRows'
                });
            });
        </script>
    </body>
</html>
